верстка макета

[butterfly]

Здравствуйте

Подскажите, пожалуйста, какие ошибки я допустила при верстке макета

шаблон: http://www.free-psd.co/free-psd-website-templates/825-baxter

верстка: http://firstpage.p.ht

[Kray Storm]

1. А все ли браузеры одинаково понимают значения border:medium и outline:medium? Или лучше задать их в px? (Мысли вслух).

2. В <div class="step3 step"> кнопка "read more" из-за текста уехала вниз.

3. В форме Request a Quote какие-то placeholder-ы странные. Они же при нажатии должны пропадать.

4. Для чего в css-файле для .header писать значения {background: none repeat scroll 0 0 #FFFFFF;} когда там нет изображения? И таких "лишних" значений много. Или это ВИЗИВИГ на страже порядка?

5. Использование блока <div class="header_content wrap_content"> кажется лишним. Высоту и position для отсчета <a class="ribbonFAQ"> можно задать в том же <div class="header">. Хотя и не мешает, с другой стороны.

6. Что меняет наличие в .top_content {z-index: 2;}?

7. Возможно, это дело вкуса, но вместо того, чтобы задавать position для <div class="promo"> и <div class="motto"> + смещения, можно было просто в .motto указать {margin: 260px 0 0 30px;}.

[butterfly]

спасибо за комментарий

1. Границу везде указывала в пикселях, и если честно о значении 'medium' первый раз только что от вас услышала )) Не знаю откуда этот medium мог всплыть.

2. У меня в IE9, опере и хроме все на месте, но если добавить строчку текста, то действительно кнопка уезжает за пределы блока, но, чтобы это исправить достаточно изменить высоту блока, а как сделать по-другому, чтобы все три блока подстраивались под высоту самого длинного блока, я не знаю. А через какой браузер вы смотрите?

3. Действительно, странные. Вот тут сказано, что подсказка должна пропадать при получении фокуса: http://htmlbook.ru/h...rea/placeholder , но почему этого не происходит? http://jsfiddle.net/2Kyf7/

4. видимо он, я только указала background: #fff, это нормально или лучше писать background-color: #fff; ?

5. не очень поняла, как можно указать координаты ленточки FAQ в <div class="header">, он шириной с экран, а <div class="header_content wrap_content"> задает ширину и размещает блок по середине экрана. класс wrap_content я добавляла ко всем основным блокам, чтобы не прописывать ширину и 'margin: 0 auto' для каждого по-отдельности. Иначе я не знаю как сделать, чтобы фон под разными блоками был на всю страницу

6. Без 'z-index:2' кнопки 'read more' и 'send' не работают, видимо из-за следующего блока с темным фоном, т.к. для него я задавала

.middle{
background: #1d1e1b;
margin-top: -100px;
}
.middle_content{
padding: 115px 0 20px 0;
}

чтобы сместить фон. Если подскажите как сделать правильнее, буду признательна..

7. думаю то, что вы предложили намного лучше моего решения, спасибо.